
html{
    font-size: calc(100vw /46.875);
}
body,input,select,option{
     background-color: white;
 }
.back{
    width: 2.44rem;
    height: 1.88rem;
    padding-left: 1.88rem;
}
#logo{
    text-align: center;
}
.logo {
    width: 11rem;
    height: 3.06rem;
    margin-top:7rem;
}
#logo h1{
    font-family: MicrosoftYaHei-Bold;
    font-size: 2rem;
    letter-spacing: 0.15rem;
    color: #143550;
}
#form{
    margin-top: 5rem;
}
input{
    margin: 0 auto;
    border: none;
    border-bottom: 1px solid #BFCEDC;
    display: block;
    padding: 2rem 0px 1rem 0px;
    width: 39.19rem;
    font-size: 2.13rem;
    letter-spacing: 0.16rem;
    color: #143550;
    margin-top: 2rem;
}
#button {
    text-align: center;
}
.login{
    width:38.94rem;
    height: 5.75rem;
    background-color: #7F9EBA;
    color: white;
    margin-top:5.19rem;
    letter-spacing: 0.15rem;
    font-family: MicrosoftYaHei-Bold;
    font-size: 2rem;
    border: none;
}
#forgetPassword{
    font-family: MicrosoftYaHei;
    font-size: 1.63rem;
    letter-spacing: 0.13rem;
    color: #0084f4;
    text-decoration: none;
}
.forget{
    margin-left: 2.5rem;
    margin-top: 3.63rem;
}
#bottom{
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
    font-size: 2.01rem;
    letter-spacing: 0.15rem;
    color: #9db2c3;
    margin-top: 9rem;
    margin-bottom: 3rem;
}
#zhuce{
    color: #0084f4;
}
#fp{
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 3.63rem;
    letter-spacing: 0.28rem;
    color: #143550;
    padding-top: 9rem;

}
#area{
    position: relative;
    top: 7.3rem;
    left: 2rem;
    font-family: MicrosoftYaHei-Bold;
    font-size: 2rem;
    letter-spacing: -0.09rem;
    color: #143550;
    border: none;
    padding-right: 0.8rem;
    margin-bottom: 0.9rem;
}
#form3 #area{
    position: relative;
    top: 5.5rem;
    left:1.5rem;
}
#country{
    position: relative;
    top: 10.63rem;
    left: 2rem;
    font-family: MicrosoftYaHei-Bold;
    font-size: 2rem;
    letter-spacing: -0.09rem;
    color: #143550;
    border: none;
    padding-bottom: 0.9rem;
    padding-right: 0.6rem;
}
option{
    margin-right: 0.8rem;
}
#tell{
    padding: 2rem 0rem 2rem 9.19rem;
    width: 30rem;
}
.int{
    margin-top: 15rem;
}
#code{
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 1.63rem;
    letter-spacing: 0.13rem;
    color: #e56e46;
    padding-top: 2.94rem;
}
#code img{
    width: 1.81rem;
    height: 1.81rem;
    vertical-align:-0.3rem;
}
#head{
    background-color: #7F9EBA;
    font-family: MicrosoftYaHei;
    font-size: 1.88rem;
    letter-spacing: 0.14rem;
    color: #ffffff;
    width: 100%;
    height: 6rem;
}
#head span{
    padding-bottom: 1.88rem;
    padding-left: 12.5rem;
}
.prompt{
    color:#F00;
}
.user{
    padding-top: 2rem;
}
.user span{
    padding-left: 6rem;
    font-family: MicrosoftYaHei;
    font-size: 1.63rem;
    letter-spacing: 0.13rem;
    color: #babfc5;
}
.user a{
    text-decoration: none;
    color: #5789C3;
}
#checkbox{
    position: absolute;
    left: 3.3rem;
    top: 28.3rem;
    width: 1.38rem;
    height: 1.38rem;
    background-color: white;
}
#form2{
    padding-top: 12rem;
}
#form2 input{
    outline:none;
    border-bottom: 1px solid #7F9EBA;
    border-top:none;
    border-left:none;
    border-right:none;
    width: 4.56rem;
    text-align: center;
    float: left;
}
.dingwei{
    margin: 2rem 2rem 0rem 2rem ;
}
.last{
    margin-left: 2rem;
}
.first{
    margin-left: 2.8rem;
}
#btn{
    float: left;
    width: 18rem;
    text-align: center;
    border: none;
    font-family: MicrosoftYaHei;
    font-size: 1.8rem;
    letter-spacing: 0rem;
    color: #9db2c3;
    line-height: 3rem;

}
#msg{
    color: #e56e46;
    font-family: MicrosoftYaHei;
    font-size: 1.63rem;
    letter-spacing: 0.13rem;
    padding-left: 2.3rem;
    padding-top:2rem;
}
.img1, .img2, .img3, .img4{
    width: 2.13rem;
    height: 1.44rem;
    z-index: 99;
    position: relative;
    top: -2.8rem;
    left: 37.2rem;
}
#bt2{
    display: none;
}
.code{
    padding-top: 2rem;
}
.for input{
    margin-top: 0rem;
}
.meihua{
    font-size: 1.63rem;
    color: #828f9d;
}
.meihua p{
    margin: 0;
}
.meihua input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none
}

.meihua label {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    cursor: pointer;
    float: left;
    margin-right: 1rem;
}

.meihua label input[type="checkbox"] + span {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background: url('../images/21.png') no-repeat;
    background-size: 100% 300%;
    background-position:0 0;
}

.meihua label input[type="checkbox"]:checked + span {
    background-position: 0 105%;

}

.pop{
    position: fixed;
    text-align: center;
    z-index: 999;
    width: 27rem;
    height: 28rem;
    top: 20%;
    left:17.5%;
    background-color: black;
    border-radius: 1rem;
}
.pop img{
    margin-top: 2rem;
}
.pop p{
    text-align: center;
    color: white;
    font-size: 2rem;
    margin: 0;
    line-height:3rem;
}
.mask{
    /*display: none;*/
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    /*display: none;*/
    background: rgba(0, 0, 0, 0.4);
}
.close1{
    margin-top:5%;
    margin-left: 45%;
    width: 2.31rem;
    height: 2.31rem;
    background: url("../images/chahao.png") no-repeat;
    background-size: cover;
}